<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
	<wicket:head>
	    <title>Eğitim Resmî Sitesi</title>
	  	<meta name="description" content="Demo of a Sliding Login Panel using jQuery 1.3.2" />
	  	<meta name="keywords" content="jquery, sliding, toggle, slideUp, slideDown, login, login form, register" />
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	    <style>
	    @charset "utf-8";
/* CSS Document */
/* some custom fonts via google font api */
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight);
 
#makaleListContainer{position:absolute; left:348px; top:647px; margin:0; width:680px; height:100%; padding:0 10px; border-bottom:1px solid #666;  -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#CC0000; box-shadow:inset 0 0 20px #000; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
#makaleListContainer .customScrollBox{position:relative; height:100%; overflow:hidden;}
#makaleListContainer .customScrollBox .container{position:relative; left:8px;width:660px; top:0; float:left;}
#makaleListContainer .customScrollBox .content{clear:both;}
#makaleListContainer .customScrollBox .content p{padding:10px 5px 10px 15px; margin:0; color:#31231E; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:20px;}
#makaleListContainer .customScrollBox img{border:3px solid #31231E; margin:0 0 0 15px;}
#makaleListContainer .dragger_container{position:relative; width:0px; height:33%; float:left; margin:35px 0 0 0px ; border-left:1px solid white; border-right:1px solid  white; cursor:pointer}
#makaleListContainer .dragger{position:absolute; width:9px; height:60px; background:red; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#makaleListContainer .dragger_pressed{position:absolute; width:9px; height:60px; background:red; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
 
 
 </style>
	</wicket:head>
</head>

<body>
   <wicket:panel>     
	    <!-- DUYURU PANEL İÇERİĞİ BURADA BAŞLIYOR. Murat. 08.02.2012 Saat, 12:40 -->
	  <div   id="outerDiv" class="whiteContainer">
	      <div id="innerDiv" runat="server" style="display: block">
				<!-- 
					<h2 class="update">duyurular</h2>
					<h3 class="date">02 Ocak 2012</h3> -->
					
					
					
                    <span wicket:id="scrollbarPanel" id="makaleListContainer">
                   
                   </span>
				   
			 <br class="spacer" />
			 </div>
		</div>
	    <!-- DUYURU PANEL İÇERİĞİ BURADA BİTİYOR. Murat. 08.02.2012 Saat, 12:40 --> 
   </wicket:panel>	  
</body> 
</html>
